آموزش توسعه وب دستی MERN Stack [ویدئو]

سرفصل ها و درس ها

به پشته MERN خوش آمدید Welcome to the MERN Stack

• بررسی اجمالی دوره The Course Overview

• با استفاده از Package Managers و Command Line Using Package Managers and the Command Line

• بنابراین، به هر حال MERN چیست؟ So, What’s MERN Anyway?

• نگاهی کوتاه به Backend A Brief Look at the Backend

• معماری Frontend The Frontend Architecture

Node.js و Express را یاد بگیرید Learn Node.js and Express

• اولین قدم های شما با Node.js Your First Steps with Node.js

• راه اندازی اکسپرس Setting Up Express

• مقدمه ای بر REST، سرویس RESTful، و مدل سازی داده های دامنه An Intro to REST, RESTful Service, and Domain Data Modeling

• رسیدگی به درخواست‌های GET، POST، PUT و DELETE Handling GET, POST, PUT, and DELETE Requests

• ایجاد و استفاده از Express Middleware Creating and Using Express Middleware

• راه اندازی تست های واحد با Jest Setting Up Unit Tests with Jest

• استفاده از Postman برای توسعه سریعتر APIها Using Postman to Develop APIs Faster

استفاده از MongoDB برای لایه پایگاه داده Using MongoDB for the Database Layer

• مقدمه ای بر پایگاه های داده MongoDB و NoSQL An Introduction to MongoDB and NoSQL Databases

• ساختار پروژه جدید ما و راه اندازی MongoDB از طریق Docker Our New Project Structure and MongoDB Setup via Docker

• اتصال MongoDB به Node/Express Backend ما Connecting MongoDB to Our Node/Express Backend

• خواندن داده های واقعی از API ما Reading Real Data from Our API

• ایجاد، به روز رسانی و حذف داده ها Creating, Updating, and Deleting Data

• فیلتر کردن داده ها با MongoDB Filtering Data with MongoDB

• بازسازی و بهبود کد ما Refactoring and Improving Our Code

ساخت کلاینت با React Building the Client with React

• پرایمر ملایمی برای دنیای React A Gentle Primer to the World of React

• با برنامه Create React روی Ground Running کلیک کنید Hit the Ground Running with Create React App

• ایجاد اولین اجزای رابط کاربری خود با JSX Creating Your First UI Components with JSX

• جریان داده با State و Props Data Flow with State and Props

• ایجاد یک جزء قابل استفاده مجدد برای فروشگاه وب ما Creating a Reusable Component for Our Web Store

• اجزای لیست پویا Dynamic List Components

• ایجاد و کنترل فیلدهای ورودی Creating and Controlling Input Fields

• کنترل دکمه ها و فرم ها Controlling Buttons and Forms

React App Architecture React App Architecture

• مسیریابی با روتر React Routing with React Router

• پیکربندی CORS در Express Configuring CORS in Express

• درخواست داده از API ما Requesting Data from Our API

• ایجاد نمای دسته و محصول Creating the Category and Product View

• ساخت یک سبد خرید پایدار Building a Persistent Shopping Cart

• مسیرهای کاربر ادمین سمت کلاینت محافظت شده Protected Client-Side Admin User Routes

توسعه وب Full Stack با پشته MERN Full Stack Web Development with the MERN Stack

• JSON Web Tokens و مدل احراز هویت کاربر JSON Web Tokens and the User Authentication Model

• پیاده سازی لینک های جادویی و ورود بدون رمز عبور Implementing Magic Links and Passwordless Login

• پیاده سازی ورود بدون رمز عبور در Frontend Implementing Passwordless Login on the Frontend

• ایجاد حساب کاربری Account Creation

• طراحی طرح سفارشات و جریان کاربر Designing the Orders Schema and User Flow

• اجرای جریان سفارشات Implementing the Orders Flow

• حالات رسیدگی و بارگیری خطا Error Handling and Loading States

• ساخت صفحه تاریخچه سفارشات Building the Orders History Page

بازسازی و صیقل دادن برنامه وب ما Refactoring and Polishing Our Web Application

بازسازی و صیقل دادن برنامه وب ما Refactoring and Polishing Our Web Application

• بررسی تایپ کامپوننت های React با PropTypes Typechecking React Components with PropTypes

• بررسی تایپ کامپوننت های React با PropTypes Typechecking React Components with PropTypes

• تست کامپوننت های React Testing React Components

• تست کامپوننت های React Testing React Components

• تست های جست اسنپ شات Jest Snapshot Tests

• تست های جست اسنپ شات Jest Snapshot Tests

• واکنش اجزای عملکردی و ساخت محصولات ویژه React Functional Components and Making Featured Products

• واکنش اجزای عملکردی و ساخت محصولات ویژه React Functional Components and Making Featured Products

• بهترین شیوه ها را بیان کنید Express Best Practices

• بهترین شیوه ها را بیان کنید Express Best Practices

• چارچوب‌ها، دیگ‌های بخار و آنچه در ادامه باید بیاموزیم Frameworks, Boilerplates, and What to Learn Next

• چارچوب‌ها، دیگ‌های بخار و آنچه در ادامه باید بیاموزیم Frameworks, Boilerplates, and What to Learn Next